body {
    background-color: rgba(0, 0, 0, 0);
}
.page-content {
    background: rgba(0, 0, 0, 1);
    padding: 15px 0 15px;
}
.width-big {
    width: 800px!important;
}
.width-small {
    width: 300px!important;
}
.container {
    width: 1170px!important;
}
.icon-font{
    font-size: 30px!important;
}
.line {
    border-bottom: 4px solid #9eacb4; 
    width: 80px; 
    padding-left: 10px; 
    padding-right: 10px; 
    margin-left: 10px; 
    margin-right: 10px;
    color: #9eacb4;
}

.portlet-body {
    height: 400px !important;
    overflow-y: auto;
}
.occ-box {
    background-color: #fff;
    border-radius: 4px;
    padding-right: 0px;
    padding-left: 0px;
}
.occ-box-menu {
    border-bottom: 1px solid #DDE3E9;
}
.nav-tabs, .nav-pills {
    margin-bottom: 0px;
}
.nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover {
    color: #fff;
    background-color: #15161A;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}
.nav-tabs > li > a, .nav-pills > li > a {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    width: 100px;
    text-align: center;
}
.nav-pills>li+li {
    margin-left: 0;
    border-left: 2px solid #444548;
}
.table-im-ex,
.table-im-ex > thead > tr > th {
    text-align: center;
}
.td-space a {
    margin-right: 15px;
}
.import {
    color: #428bca;
}
.export {
    color: #3b9c96;
}
.delete {
    color: #f1353d;
}
